<template>
    <footer >
          <router-link to="/home" >首页</router-link>
          <router-link to="/bao">爆爆团</router-link>
          <router-link to="/order">订单</router-link>
          <router-link to="/mine">我的</router-link>
      </footer>
  </template>
  
  <script>
  export default { 
  }
  </script>
  
  <style lang="scss" scoped>
      footer{
              width: 100%;
              text-align: center;
              position: fixed;
              bottom: 0;
              display: flex;
              justify-content: space-between;
              border: 1px solid #f5f5f5;
              height: 40px;
              background: white;
          }
    a{
        text-decoration: none;
        width: 25%;
        color: #000;
    }
    .router-link-active{
        color: skyblue;
        font-weight: 700;
    }
  </style>